export default {
  functional: true, // 表示是函数组件，没有this
  // render() {
  //   // 这里的路由路径就会实时变化
  //   return <div>{this.$route.path}</div>
  // }

  // 简而言之就是拿到当前的路由信息，然后利用函数组件的render的h函数来渲染，传入组件和属性
  render(h, context) {
    let { parent, data } = context;
    let route = parent.$route;
    data.routerView = true;
    let depath = 0;
    while (parent) {
      if (parent.$vnode && parent.$vnode.data.routerView) {
        depath++;
      }
      parent = parent.$parent;
    }
    let record = route.matched[0].matched[depath];
    if (!record) {
      return h();
    }
    return h(record.component, data);
  }
}